<template>
    <div @click="handleClick(result.id)">
    <img :src="result.pic" alt="">
    <p>{{result.title | handleStr}}</p>
    </div>
</template>

<script>
    export default {
        name:'first',
        props:{
            result:{
                type:Object
            }
        },
        methods:{
            handleClick(val){
            this.$emit('childFn', val)
            }
        }
    }
</script>

<style  scoped>
img{
    width:200px;
    height:200px;
}
</style>